/* 
    Document   : style
    Created on : 23.10.2011, 11:23:54
    Author     : nue
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

h1, h2, h3, h4, h5, h6, img, tr, td, th, ul, ol, il {border: 0; padding: 0; margin: 0;} /* nulovanie */


body { 
    _text-align: center;
    font-family: verdana;
    font-size: 12px; 
    background-color: #fff;
} 

#all {
    width: 1005px;
    margin: 0 auto;
    _text-align: left;
    margin-bottom: 10px;
}

#banner {
    width: 1005px;
    height: 115px;
}


#torso /* contain content a left-menu*/ {
    width: 1005px;
    float: left;
}



#left-menu {
    width: 240px;
    float: left;
    margin: 20px 0px 0px 0px;
    background-color: transparent;
}

.part-left-menu {
    width: 240px;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #F2F2F2;
    border: 1px solid #2222bb;
}

#content {
    width: 720px;
    float: right;
    margin: 20px 0px 20px 20px;
}

#navigation  /* contajner off whole row with horizontal menu */ {
    width: 1005px;
    height: 36px;
    font-weight: 900; /* just for navigation */
}

#up-menu /* menu under up-menu  */{
    background-color: #2222bb;
    float: left;
    width: 985px;
    height: 26px;
    padding: 0px 10px 0px 10px;
}

#up-menu .text {
    line-height: 26px;
    vertical-align: middle;
    float: right;
}

#footer {
    background-color: #2222bb;
    color: white;
    width: 990px;
    height: 26px;
    padding: 10px 0px 0px 15px;
    float: left;
}

ul {
    list-style-type: none;
}

ul li {
    margin: 0 4px 0 0;
    width: 157px;
    float: left;
    height: 36px;
}

ul li a {
    color: #000;
    display: block; /* bez tohto nebude odkaz chapany ako blok so 157x36px ale len na oblast ktoru obsadi samotny text odkazu */ 
    text-align: center;
    vertical-align: middle;
    line-height: 36px;   /* tento riadocek zfunkcnil  vertical-align: middle; a tym vykreslil backround bez zbytocnych komplikacii a tym sa stal text vnutri tlacidiel nezavisly na pouzitom fonte a velkosti , to znamena bude vzdy v strede ech je rozne velky. */

    /*pri pouziti vertical-align potrebuje poznat line-height alebo height inac nezarovna */

    text-decoration: underline;
    background: url('obr/tlac.png') no-repeat bottom center;
}

ul li a:hover {
    text-decoration: none;
}

.part-left-menu a {
    color: #006699; 
    text-decoration: underline;
    font-weight: 900;
}

.part-left-menu a:hover{
    text-decoration: none;
}

.pressed {	
    background-color: #2222bb;
    color: #fff;
    display: block; 
    text-align: center;
    vertical-align: middle;
    line-height: 36px;  
}

.part-left-menu .header {
    height: 30px;
    /*width: 100px;*/
    margin: 0px 0px 10px 0px;
    background-color: #2222bb;
}

.bannertext-left-menu {	
    line-height: 30px;  
    font-weight: 900;
}

td {
    border:1px solid #917b7b;
    padding:20px;
}

.date-text {
    font-size: 20px;
    color: #917b7b;
}

.what-text {
   color: #e82323; 
   font-size: 25px;
}

